表格與表單基礎
HTML 語意化與結構
HTML 除了基本的 <div>
,還有「語意化標籤 (semantic tags)」,可以讓網頁結構更清晰,也有助於 SEO。
常見語意化標籤
<header>
:頁首<nav>
:導覽列<main>
:主要內容<section>
:區塊<article>
:文章<aside>
:側邊欄<footer>
:頁尾
🔹小練習
<header>
<h1>Sunny 的部落格</h1>
</header>
<nav>
<a href="#">首頁</a> |
<a href="#">文章</a> |
<a href="#">關於我</a>
</nav>
<main>
<article>
<h2>第一篇文章</h2>
<p>今天開始學前端!</p>
</article>
</main>
<footer>
<p>版權所有 © Sunny 2025</p>
</footer>